<script setup lang="ts">
import { onUnmounted, ref, watch } from "vue";
import router from "../../../utils/router";
import utils from "../../../utils/utils";
const myMsg = ref("");

// 强制立即执行侦听，组件启动就获取一次值
const unwatch = watch(
  () => myMsg.value,
  (newValue, oldValue) => {
    // 并不是所有代码中都可以调用，只有在 node 后台可以调用，例如在 mock 中可调用成功
    // utils.nodeDebug("node-log", newValue, oldValue);
    console.log("console-log", newValue, oldValue);
    console.log("console-log 获取当前路由", router.currentRoute.value.path);
  },
  { deep: true, immediate: true }
);

onUnmounted(() => {
  unwatch();
});
</script>

<template>
  <h1>log 日志</h1>
  <p>部分代码中的日志，无法在浏览器控制台输出，只能在后台 node 中输出</p>
  输入的内容显示在浏览器控制台中显示
  <input v-model="myMsg" />
</template>
